<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>03.选择器</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.4/jquery.js"></script>
</head>
<body>
    <div>
        <span id="span"></span>
        <span></span>
        <span></span>
    </div>
    <div></div>
    <div></div>
    <div></div>
    <div id="abc"></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <hr>
    <form action="">
        <input type="text">
        <input type="text">
        <input type="text">
        <input type="radio">
        <input type="checkbox">
        <select name="" id="">
            <option value=""></option>
        </select>
        <textarea name="" id="" cols="30" rows="10"></textarea>
    </form>
    <script>
        var $divNodes  = $("div")
        console.dir( $divNodes);
        var $spanNodes  = $("div #span")
        console.dir( $spanNodes);
        console.log("===================");
        var $spanNodes  = $("div:not(#abc)")
        console.dir( $spanNodes);
        var $evenNodes= $("div:even")
        console.dir($evenNodes);
        console.log("====================");
        var $inputNodes = $(":input")
        console.dir($inputNodes);
        console.log("====================");
        var $textNodes = $(":text")
        console.dir($textNodes);
        var $checkboxNodes = $(":checkbox")
        console.dir($checkboxNodes);
    </script>
    
</body>
</html>